<!DOCTYPE html>
<html>
<head>
    <title>书籍类别</title>
		<#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
			<#if shiro.hasPermission("book:bookclass:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("book:bookclass:update")>
            <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("book:bookclass:delete")>
            <a class="btn btn-primary" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <modal
            v-model="bookClassModalId"
            :title=title
            :loading=loading
            :styles="{top: '3px'}"
            width="600"
            @on-ok="saveOrUpdate"
    >
        <div v-show="showList" class="panel panel-default">
            <div class="panel-heading">{{title}}</div>
            <form class="form-horizontal">
                                                                                                <div class="form-group">
                            <div class="col-sm-2 control-label">书籍类别</div>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" v-model="bookClass.className" placeholder="书籍类别"/>
                            </div>
                        </div>
                                                    
            </form>
        </div>
    </modal>
</div>

<script src="${request.contextPath}/assets/js/modules/book/bookclass.js?_${.now?long}"></script>
</body>
</html>